page {
	height: 100%;
	background-color: #f5f5f5;
}

$spacing: 20rpx;

$spacing-big: 40rpx;

$spacing-small: 10rpx;

@mixin flex($direction: row, $justify: normal, $align: normal) {
	display: flex;
	flex-direction: $direction;
	justify-content: $justify;
	align-items: $align;
}

@mixin border-box {
	box-sizing: border-box;
}

.page-container {
	height: 100%;
	box-sizing: border-box;
	@include flex($direction: column);
	@include border-box;
}

.p-20 {
	padding: $spacing;
}

.p-40 {
	padding: $spacing-big;
}

.p-10 {
	padding: $spacing-small;
}

.border-box {
	@include border-box;
}
